<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue页面数据展示数据测试</title>
</head>

<body>
<!--MVVM模式中的view层，负责页面展示，数据由vue的指令注入-->
<div id="app">
    {{name}}
</div>
</body>

<!--引入vue.js-->
<script src="/js/vue/vue.min.js"></script>
<script>
    //实例化Vue对象
    //VM：MVVM模式中的View Model层，负责业务逻辑处理，比如ajax请求
    var VM = new Vue({
        el:"#app",      //表示当前Vue对象接管的区域
        data:{
            name:'学成在线'     //相当于MVVM模式中的Model层，负责数据存储
        }
    });
</script>
</html>
